<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('订单详情')"/>
    <th:block th:include="include :: select2-css"/>
    <th:block th:include="include :: bootstrap-select-css"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <ul class="list-group list-group-striped">
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">订单编号：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${order.orderId}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">订单状态：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:each="dict : ${@dict.getType('sys_order_status')}"
                    th:if="${dict.dictValue + '' == order.orderStatus + ''}" th:text="${dict.dictLabel}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">车辆编号：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${car.carId}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">车牌号：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${car.carLisenseNum}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">车辆型号：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${car.carModel}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">车辆颜色：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${car.carColor}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">租车时间：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#dates.format(order.rentTime, 'yyyy-MM-dd HH:mm')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">预计还车时间：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#dates.format(order.expectReturnTime, 'yyyy-MM-dd HH:mm')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">实际还车时间：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#dates.format(order.actualReturnTime, 'yyyy-MM-dd HH:mm')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">订单创建时间：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#dates.format(order.createTime, 'yyyy-MM-dd HH:mm')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">订单修改时间：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#dates.format(order.updateTime, 'yyyy-MM-dd HH:mm')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">租车单价/天：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#strings.concat(order.dayPrice, '元')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">超时单价/时：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#strings.concat(order.delayHourPrice, '元')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">超时单价/天：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#strings.concat(order.delayDayPrice, '元')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">损坏金额：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#strings.concat(order.damagePrice, '元')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">超时金额：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#strings.concat(order.delayPrice, '元')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">押金：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#strings.concat(order.deposit, '元')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">总金额：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${#strings.concat(order.allPrice, '元')}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">客户编号：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${customer.custNo}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">客户姓名：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${customer.custName}"></b>
                </div>
            </div>
        </li>
        <li class="list-group-item">
            <div class="row ">
                <div class="col-xs-6 col-md-4">
                    <b class="font-noraml">客户手机号：</b>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 pull-right">
                    <b class="font-noraml" th:text="${customer.custPhone}"></b>
                </div>
            </div>
        </li>
    </ul>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: select2-js"/>
<th:block th:include="include :: bootstrap-select-js"/>

</body>
</html>